<template>
	<view class="record-list-wrapper">
		<view
		  class="list-item"
		  v-for="item in checkList"
		  :key="item.id"
		  @click="goDetail(item)"
		>
		  <view class="item-header">
		    <view class="left">
		      {{ types["巡检状态"][item["巡检状态"]] }}
		    </view>
		    <view class="right"> 巡检日期：{{ item["巡检日期"] }} </view>
		  </view>
		  <view class="item-content">
		    <view class="detail">
		      <view> 网格长：{{ item["网格长"] }} </view>
		      <view> 网格员：{{ item["网格员"] }} </view>
		      <view> 巡检结果：{{ types["巡检结果"][item["巡检结果"]] }} </view>
		      <view> 完成时间：{{ item["完成时间"] | formatTime}} </view>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['checkList'],
		data() {
			return {
				types: this.$type
			};
		},
		methods: {
			goDetail(item) {
				this.$emit('detail', item)
			}
		}
	}
</script>

<style>

</style>
